<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<style type="text/css">
			label{
				display: block;
			}

			#divLogin{
				border: solid 1px white;
				background-color: gray;
				width: 200px;
				height: 130px;
				margin-left: auto;
				margin-right: auto;
				border-radius: 20px;
				padding: 30px;

				-moz-box-shadow: 10px 10px 5px #888;
				-webkit-box-shadow: 10px 10px 5px #888;
				box-shadow: 10px 10px 5px #888;
				color: white;
				font-weight: bold;
			}


			input[type='text',type='password']{
				width: 120%;
			}

			input[type='submit']{
				color: white;
				background-color: gray;
				font-weight: bolder;
				border: solid 1px white;

				border-radius: 5px;
				padding: 5px;
				margin-top: 15px; 

				-moz-box-shadow: 4px 4px 2px #888;
				-webkit-box-shadow: 4px 4px 2px #888;
				box-shadow: 4px 4px 2px #888;


			}


		</style>
		<script type="text/javascript" src="media/js/jquery-1.7.2.min.js" ></script>
		<script type="text/javascript" src="media/js/jquery.validate.js" ></script>
		<script type="text/javascript">

			$().ready(function() {

				$("#frmLogin").validate();

			});




		</script>
	</head>

<body>
	<header>
	</header>
	<form action="validate.php" method="post" id="frmLogin">
		<div id="divLogin">
			<label for="login" >Login:</label>
			<input type="text" id="login" name="login" maxlength="15" class="required">
			<label for="password" >Clave:</label>
			<input type="password" id="password" name="password" maxlength="15" class="required" >
			<br/>
			<center>
				<input type="submit" value="Ingresar">
			</center>	
		</div>
	</form>	
	<footer>
	</footer>
</body>


</html>